import { createApp,Vue } from 'vue';

import pinia from '/@/stores/index';
import App from '/@/App.vue';
import router from '/@/router';
import { directive } from '/@/directive/index';
import { i18n } from '/@/i18n/index';
import other from '/@/utils/other';

import ElementPlus from 'element-plus';
import '/@/theme/index.scss';

import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';

import VueGridLayout from 'vue-grid-layout';

import VForm3 from 'vform3-builds'; // VForm3表单设计
import 'vform3-builds/dist/designer.style.css'; // VForm3表单设计样式
import VueSignaturePad from 'vue-signature-pad'; // 电子签名
import vue3TreeOrg from 'vue3-tree-org'; // 组织架构图
import 'vue3-tree-org/lib/vue3-tree-org.css'; // 组织架构图样式
import 'animate.css'; // 动画库
import 'dhtmlx-gantt/codebase/dhtmlxgantt.css';

//npm install vue-json-viewer@3 --save   vue3.xx 用这个版本
//npm install vue-json-viewer@2 --save
import JsonViewer from 'vue-json-viewer'; 
import MyCalendar  from '/@/components/common/my-calendar.vue';
// import cc from 'common/'

const app = createApp(App);
// app.component('my-calendar', MyCalendar);
directive(app);
other.elSvg(app);

app
    .use(pinia)
	.use(ElementPlus)
    .use(router)
	.use(Avue)
    .use(i18n)
    .use(VueGridLayout)
    .use(VForm3)
    .use(VueSignaturePad)
    .use(vue3TreeOrg)
    .use(JsonViewer)
    .mount('#app');
